<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #box{
            width: 90%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <!-- 
        面向对象: 讲功能拆分放在对象里
     -->
     <div id="box"></div>

    <script src="./index.js"></script>
    <script>
           var images = ["https://m15.360buyimg.com/mobilecms/s1062x420_jfs/t1/33428/39/16450/106681/6311cad7Ef9b3d856/f10720b7f8f38937.jpg!cr_1053x420_4_0!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/3230/40/20384/44107/62daf2d9E5c5e0e55/03ab360c40ddc266.jpg!cr_1125x449_0_166!q70.jpg",
        "https://m15.360buyimg.com/mobilecms/jfs/t1/110775/22/28940/94917/62e5bc6dE569b2244/5d14fc9f06d87341.jpg!cr_1125x449_0_166!q70.jpg",];

    
       var a = new Lunbo({
            ele:"box", //轮播的挂载点
            images, //轮播的图片
            pNext:true, //是否需要点击上一张下一张效果
            setIn:false, // 是否需要自动轮播
            yStyle:true, //是否需要小圆样式
            yClick:false, //是否需要小圆点的点击事件
            xHuan:false, //是否需要循环
            hDong:false, //是否需要滑动
       })

    </script>
</body>
</html>
